<script type="text/javascript">
$(function () {
    
    // Slideshow 3
      $("#slider3").responsiveSlides({
        manualControls: '#slider3-pager',
        maxwidth: 540
      });
      $( '#carousel' ).elastislide( {
        orientation : 'horizontal'
      } );
});
</script>

<div class="page detail_dekorasi">
    <div class="container">
        <h2><?php echo $output['dekorasi']['nama_dekorasi']; ?></h2>
        <div class="row">
            <div class="span7">
                <div></div>
                <center>
                    <div class="span7">
                        <img src="<?php echo base_url(); ?>assets/img/bed/img1.jpg" class="img-polaroid" alt="">
                    </div>
                </center>
                <div class="span7 fb-like" data-href="http://metodearti.com" data-width="450" data-show-faces="false" data-send="true"></div>
                <div class="span7 fb-comments" data-href="http://localhost/artyproperty" data-width="500"></div>
                <div class="span7">
                    <legend>Gambar Terkait</legend>
                    <ul id="carousel" class="elastislide-list">
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img1.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img1.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img3.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img4.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img1.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img4.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img3.jpg"></a></li>
                        <li><a href="#"><img height="80px" src="<?php echo base_url(); ?>assets/img/bed/img4.jpg"></a></li>
                    </ul>
                </div>            
            </div>

            <div class="span5">
                <div class="span4">
                    <h4 style="color: rgb(51, 51, 51);">Perkiraan</h4>
                        <table class="table table-condensed" style="font-size:14px; color: rgb(51, 51, 51);">
                            <tr>
                                <td>Room Estimate</td>
                                <td>$58</td>
                            </tr>
                            <tr>
                                <td>Range Of Estimate</td>
                                <td>$43,400 - $78,400</td>
                            </tr>
                            <tr>
                                <td>Room Size Estimate</td>
                                <td>145 sq ft</td>
                            </tr>
                        </table>
                </div>

                <div class="span4 infoagen">
                    <legend>Informasi Lebih Lanjut</legend>
                    <div class="row">
                        <div class="span1 fotoagen">
                            <img src="<?php echo base_url(); ?>assets/img/taufan.jpg" class="img-polaroid">
                        </div>
                        <div class="span3">
                            <h4>Taufan Ramadhan</h4>
                            HP: 0812-xxxxxxx <br/>
                            Listing Aktif dari Agen: 300
                            <a href="#hubungiAgen" data-toggle="modal" class="btn">Kontak</a>
                        </div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>
<div id="hubungiAgen" class="modal hide fade" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h4 id="myModalLabel">Kontak Agen</h4>
    </div>
    <form>
        <div class="modal-body">             
            <div class="row">
                <div class="span3">Titel:</div>
                <select name="status" for="status" class="select-block span2">
                    <option value="0">Bapak</option>
                    <option value="1">Ibu</option>
                    <option value="2">Sdr/i</option>
                </select>
            </div>
            <div class="row">
                <div class="span3">Nama:</div>
                <input type="text" value="" name="nama_depan" for="nama_depan" class="span4" />
            </div>
            <div class="row">
                <div class="span3">Alamat E-mail:</div>
                <input type="email" value="" name="email" for="email" class="span4" />
            </div>
            <div class="row">
                <div class="span3">No HP:</div>
                <input type="tel" value="" name="hp" for="hp" class="span4" />
            </div>
            <div class="row">
                <div class="span3">Saya adalah:</div>
                <select name="status" for="status" class="select-block span3">
                    <option value="0">Pembeli</option>
                    <option value="1">Pemilik</option>
                    <option value="2">Penyewa</option>
                    <option value="2">Agen</option>
                    <option value="2">Investor</option>
                    <option value="2">Lain-lain</option>
                </select>
            </div>
            <div class="row">
                <div class="span3">Pesan:</div>
                <textarea cols="30">
                </textarea>
            </div>
            <label class="checkbox" for="checkbox_berlangganan">
                <input type="checkbox" name="mau_proyek" for="mau_proyek" value="1" id="checkbox_berlangganan" data-toggle="checkbox">
                Saya ingin menerima news letter dari Anda
            </label>
            <label class="checkbox" for="checkbox_info_baru">
                <input type="checkbox" name="mau_info" for="mau_info" value="1" id="checkbox_info_baru" data-toggle="checkbox">
                Saya ingin menerima property news Alert dari ArtyProperty.Com
            </label>
            <div class="span4 offset2">
                <input type="submit" name="SUBMIT"  class="btn btn-primary btn-large span3" value="Submit" />
            </div>
        </div>
    </form>
</div>